<template>
  <el-container style="height: 100hv;width: 100%;">
    <el-aside style="width: auto;height: 100hv;">
      <common-aside></common-aside>
    </el-aside>
    <el-container>
      <el-header>
        <common-header></common-header>
      </el-header>
      <common-tag></common-tag>

      <el-main>
        <router-view style="height: 100%;" />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
  // @ is an alias to /src
  import CommonAside from '../components/CommonAside.vue'
  import CommonHeader from '../components/CommonHeader.vue'
  import CommonTag from '../components/CommonTag.vue'

  export default {
    name: 'Main',
    components: {
      CommonAside,
      CommonHeader,
      CommonTag,
    }
  }
</script>

<style lang="scss" scoped>
  .el-header {
    background: #333;
  }

  .el-main {
    padding-top: 0;
  }

  .el-aside {
    overflow-x: hidden !important;
    /*关键代码*/
    overflow-y: hidden !important;
    /*关键代码*/
    background: #00979D;
  }
</style>
